.app-button-content {
  .ant-btn {
    --color: #000000;
    color: var(--color);
    line-height: 30px;
    border-color: #d9d9d9;

    &:hover {
      color: #2481fd;
      border-color: #2481fd;
    }

    &.button-blue {
      --color: #2481fd;
      border-color: var(--color);

      &:hover {
        color: #ffffff;
        background-color: var(--color);
      }
    }

    &.button-red {
      --color: #ff2f2f;
      border-color: var(--color);

      &:hover {
        color: #ffffff;
        background-color: var(--color);
      }
    }

    &.button-fill {
      color: #ffffff;
      background-color: var(--color);

      &:hover {
        opacity: 0.8;
      }
    }

    &.ant-btn-primary,
    &.common-btn-blue-solid {
      @extend .button-blue;
      @extend .button-fill;
    }

    &.ant-btn-danger,
    &.common-btn-red-solid {
      @extend .button-red;
      @extend .button-fill;
    }

    &.common-btn-blue-hollow {
      @extend .button-blue;
    }

    &.common-btn-red-hollow {
      @extend .button-red;
    }
    
    &+.ant-btn {
      margin-left: 0.5em;
    }
  }
}